<template>
  <component
    :is="icon"
    :theme="theme"
    :size="size"
    :spin="spin"
    :fill="fill"
    :strokeLinecap="strokeLinecap"
    :strokeLinejoin="strokeLinejoin"
    :strokeWidth="strokeWidth"
  ></component>
</template>

<script lang="ts" setup>
/**
 * ByteDance IconPark
 * docs:https://bytedance.feishu.cn/wiki/wikcnrOVHCJQ4V3a7mDvmLjrePf
 * github for vue https://github.com/bytedance/IconPark/tree/master/packages/vue-next
 * pnpm i @icon-park/vue-next [or use your package manager]
 */
import type { Icon } from '@icon-park/vue-next/lib/runtime'

defineProps<{
  icon: Icon
  theme?: 'outline' | 'filled' | 'two-tone' | 'multi-color'
  size?: number | string
  spin?: boolean
  fill?: string | string[]
  strokeLinecap?: 'butt' | 'round' | 'square'
  strokeLinejoin?: 'miter' | 'round' | 'bevel'
  strokeWidth?: number
}>()
</script>

<style lang="less" scoped></style>
